<template>
    <div class="app-container">
        <!-- 报单用户信息 -->
        <h5 class="titleInfo">
            报单用户信息
        </h5>
        <div class="divTable">
            <el-table :data="tableData" border>
                <el-table-column
                    align="center"
                    prop="acc"
                    label="补贴单号">
                </el-table-column>
                <el-table-column
                    align="center"
                    prop="acc"
                    label="用户信息">
                </el-table-column>
                <el-table-column
                    align="center"
                    prop="acc"
                    label="服务商信息">
                </el-table-column>
                <el-table-column
                    align="center"
                    label="消费金额">
                    <template slot-scope="scope">
                        <div>
                            退款前：{{scope.row.name}}
                        </div>
                        <div>
                            退款：{{scope.row.acc}}
                        </div>
                        <div>
                            退款后：{{scope.row.date}}
                        </div>
                    </template>
                </el-table-column>
                <el-table-column
                    align="center"
                    label="抵扣积分">
                    <template slot-scope="scope">
                        <div>
                            退款前：{{scope.row.name}}
                        </div>
                        <div>
                            退款：{{scope.row.acc}}
                        </div>
                        <div>
                            退款后：{{scope.row.date}}
                        </div>
                    </template>
                </el-table-column>
                <el-table-column
                    align="center"
                    label="补贴金额">
                    <template slot-scope="scope">
                        <div>
                            退款前：{{scope.row.name}}
                        </div>
                        <div>
                            退款：{{scope.row.acc}}
                        </div>
                        <div>
                            退款后：{{scope.row.date}}
                        </div>
                    </template>
                </el-table-column>
                <el-table-column
                    align="center"
                    label="提现积分">
                    <template slot-scope="scope">
                        <div>
                            退款前：{{scope.row.name}}
                        </div>
                        <div>
                            退款：{{scope.row.acc}}
                        </div>
                        <div>
                            退款后：{{scope.row.date}}
                        </div>
                    </template>
                </el-table-column>
                <el-table-column
                    align="center"
                    label="每期提现积分">
                    <template slot-scope="scope">
                        <div>
                            退款前：{{scope.row.name}}
                        </div>
                        <div>
                            退款后：{{scope.row.date}}
                        </div>
                    </template>
                </el-table-column>
                <el-table-column
                    align="center"
                    label="最后一期提现积分">
                    <template slot-scope="scope">
                        <div>
                            退款前：{{scope.row.name}}
                        </div>
                        <div>
                            退款后：{{scope.row.date}}
                        </div>
                    </template>
                </el-table-column>
                <el-table-column
                    align="center"
                    label="积分">
                    <template slot-scope="scope">
                        <div>
                            退款前：{{scope.row.name}}
                        </div>
                        <div>
                            退款后：{{scope.row.date}}
                        </div>
                    </template>
                </el-table-column>
                <el-table-column
                    align="center"
                    label="每期消费积分">
                    <template slot-scope="scope">
                        <div>
                            退款前：{{scope.row.name}}
                        </div>
                        <div>
                            退款后：{{scope.row.date}}
                        </div>
                    </template>
                </el-table-column>
                <el-table-column
                    align="center"
                    label="最后一期消费积分">
                    <template slot-scope="scope">
                        <div>
                            退款前：{{scope.row.name}}
                        </div>
                        <div>
                            退款后：{{scope.row.date}}
                        </div>
                    </template>
                </el-table-column>
                <el-table-column
                    align="center"
                    prop="name"
                    label="提交时间">
                </el-table-column>
                <el-table-column
                    align="center"
                    prop="name"
                    label="审核人员">
                </el-table-column>
            </el-table>
        </div>
    </div>
</template>
<script>
export default {
    name:"subsidyRefundTD",
    data(){
        return {
            tableData: [{
                    acc:"第一期",
                    date: '2016-05-02',
                    name: '王小虎'
                }],
        }
    }
}
</script>
<style scoped>
    .app-container{padding: 0px!important}
    .divTable{padding: 0 20px 20px 20px;}
</style>